<template>
	<!-- 现货订单 新建 -->
	<div class="mainContent">
		<div class="bread-nav">
			<span class="bread-item">销售管理</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item">客户订单</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item activeNavs" @click="backSpotOrder">定制订单</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item">新建订单</span>
		</div>
		<div class="container sportnew">
			<el-row>
				<div class="common-table-title">
					<div class="common-table-icon"></div>
					<div class="common-table-fl">新建订单</div>
				</div>
			</el-row>
			<el-row class="btn-row">
				<div class="local-save">保存</div>
			</el-row>
			<!-- 第一步 -->
			<el-row class="steps">
				<div class="nav-title">
					<div class="number">1</div>
					<p class="font">第一步：用户基础信息</p>
					<img v-if="Model.firstStep" @click="Model.firstStep = !Model.firstStep" class="img" src="@/assets/img/icon_collapse.png"
					 alt="">
					<img v-else @click="Model.firstStep = !Model.firstStep" class="img" src="@/assets/img/icon_unfold.png" alt="">
				</div>
				<div class="step-item" v-show="Model.firstStep">
					<!-- 男士身份证 -->
					<el-row class="rows basic">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									男士身份证
								</label>
								<el-input class="input-cont" v-model="Model.params.idCard" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<div class="btn" @click="checkPassword()">查询</div>
							</div>
						</el-col>
					</el-row>
					<!-- 男士身份证 -->
					<el-row>
						<el-col>
							<div class="items payitem" v-if="Model.womanRingStatus">
								<label class="" for="">女戒购买记录:</label>
								<label class="" for="" v-if="Model.womanRingPay">有购买</label>
								<label class="" for="" v-if="!Model.womanRingPay">无购买</label>
							</div>
						</el-col>
					</el-row>
					<!-- 客户信息第一部分 -->
					<el-row class="rows basic">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									客户手机号
								</label>
								<el-input :disabled="Model.basicMsgDisabled" @blur="queryPhone" class="input-cont" v-model="Model.params.mobile" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									男士姓名
								</label>
								<el-input :disabled="Model.basicMsgDisabled" class="input-cont" v-model="Model.params.manName" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									女士联系方式
								</label>
								<el-input :disabled="Model.basicMsgDisabled" class="input-cont" v-model="Model.params.ladiesPhone" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									女士姓名
								</label>
								<el-input :disabled="Model.basicMsgDisabled" class="input-cont" v-model="Model.params.womanName" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									恋爱属性
								</label>
								<el-select :disabled="Model.basicMsgDisabled" class="input-cont" v-model="Model.params.sexuality" placeholder="请输入内容">
									<el-option label="异性恋" value="0"></el-option>
									<el-option label="女同性恋" value="1"></el-option>
									<el-option label="男同性恋" value="2"></el-option>
								</el-select>
							</div>
						</el-col>
					</el-row>
					<div class="dashed">
						<p></p>
					</div>
					<!-- 客户信息第二部分 -->
					<el-row class="rows basic2">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									 配送方式
								</label>
								<el-select class="input-cont" v-model="Model.params.shippingMethod" placeholder="请输入内容">
									<el-option label="快递" value="0"></el-option>
									<el-option label="自提" value="1"></el-option>
								</el-select>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6" v-for="(item,index) in Model.basicMsgData2" :key="index">
							<div class="items">
								<label class="label" for="">
									<img v-if="item.isRequired" class="required" src="@/assets/img/flower_red.png" alt="">
									{{item.label}}
								</label>
								<el-select :disabled="item.isDisabled" class="input-cont" v-model="item.value" placeholder="请输入内容">
									<el-option v-for="(option,idx) in item.data" :key="idx" :label="option.label" :value="option.value"></el-option>
								</el-select>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									来源渠道
								</label>
								<el-select class="input-cont" v-model="Model.params.originChannel" placeholder="请输入内容">
									<el-option
										v-for="(item,index) in Model.originChannel"
										:key="index"
										:label="item.attributeValueName"
										:value="item.attributeValueCode">
									</el-option>
								</el-select>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									发货门店
								</label>
								<!-- 3.15修改：快递与自提都显示； xumeng -->
								<el-select :disabled="false" class="input-cont" v-model="Model.params.shipper" placeholder="请输入内容">
									<!-- 3.15修改为theFactory； xumeng -->
									<el-option
										v-for="(store,index) in Model.deliverStores"
										:key="index"
										:label="store.theNameOfTheStore"
										:value="store.theFactory">
									</el-option>
								</el-select>
							</div>
						</el-col>
					</el-row>
					<div class="dashed">
						<p></p>
					</div>
					<!-- 客户信息第三部分 -->
					<el-row class="rows basic2">
						<el-col :sm="12" :md="8" :lg="6" v-if="!Model.womanRingPay">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									真爱日期
								</label>
								<el-date-picker class="input-cont" v-model="Model.params.trueLoveDate" type="date" placeholder="选择日期"></el-date-picker>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6" v-else>
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									爱的确认书日期
								</label>
								<el-date-picker class="input-cont" v-model="Model.params.loveConfirmation" type="date" placeholder="选择日期"></el-date-picker>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6" v-if="Model.womanRingPay">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									专属编码
								</label>
								<el-input class="input-cont" disabled v-model="Model.params.exclusiveCode" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
					</el-row>
					<el-row class="rows basic">
						<el-col :sm="24" :md="16" :lg="12">
							<div class="items">
								<label class="label" for="">
									爱的礼物宣言
								</label>
								<el-input type="textarea" v-model="Model.params.loveDeclaration"></el-input>
							</div>
						</el-col>
					</el-row>
				</div>
			</el-row>
			<!-- 第一步end -->
			<!-- 第二步 -->
			<el-row class="steps">
				<div class="nav-title">
					<div class="number">2</div>
					<p class="font">第二步：添加订单商品</p>
					<img v-if="Model.secondStep" @click="Model.secondStep = !Model.secondStep" class="img" src="@/assets/img/icon_collapse.png"
					 alt="">
					<img v-else @click="Model.secondStep = !Model.secondStep" class="img" src="@/assets/img/icon_unfold.png" alt="">
				</div>
				<div class="step-item" v-show="Model.secondStep">
					<el-row class="addbtn">
						<div class="cont">
							<img class="plus" src="@/assets/img/button_plus.png" alt="">
							<p class="font" @click="toggleDialog(true,true)">添加商品</p>
						</div>
					</el-row>
					<el-row class="rows tables">
						<el-table :data="Model.tableData" stripe show-summary :summary-method="getSummaries">
							<el-table-column
								prop="photoUrl"
								align="center" 
								label='主图'
								>
								<template slot-scope="scope">
									<div class="scopecont">
										<el-tooltip placement="top" effect="light">
										  <div slot="content"><img class="maxTableImg" :src="scope.row.photoUrl" alt=""></div>
										  <img class="mainTableImg" :src="scope.row.photoUrl" alt="">
										</el-tooltip>
									</div>
								</template>
							</el-table-column>
							<el-table-column 
								v-for="(item,index) in Model.tableHeaderData" 
								align="center" 
								:key="item.prop" 
								:prop="item.prop"
								:label="item.label" 
								:width="item.width"
							>
							</el-table-column>
							<el-table-column align="center" fixed="right" label="操作" width="180">
								<template slot-scope="scope">
									<div class="operate-btn" v-if="scope.row.isExpedited" @click="handleClickApproval(scope.row)">取消加急</div>
									<div class="operate-btn" v-else @click="handleClickApproval(scope.row)">加急</div>
									<div class="operate-btn" @click="handleClickDelete(scope.row)">删除</div>
									<div class="operate-btn" @click="toggleDialog(true,false)">编辑</div>
								</template>
							</el-table-column>
						</el-table>
					</el-row>
					<!-- 表格下表单 -->
					<el-row class="rows basic3">
						<el-col :sm="24" :md="16" :lg="12">
							<div class="items">
								<label class="label" for="">销售备注</label>
								<el-input type="textarea" v-model="Model.loveDeclaration"></el-input>
							</div>
						</el-col>
					</el-row>
				</div>
			</el-row>
			<!-- 第二步end -->
			<!-- 第三步  选择自提门店 -->
			<el-row class="steps" v-show="Model.params.shippingMethod==1">
				<div class="nav-title">
					<div class="number">3</div>
					<p class="font">第三步：选择自提门店</p>
					<img v-if="Model.thirdStep" @click="Model.thirdStep = !Model.thirdStep" class="img" src="@/assets/img/icon_collapse.png"
					 alt="">
					<img v-else @click="Model.thirdStep = !Model.thirdStep" class="img" src="@/assets/img/icon_unfold.png" alt="">
				</div>
				<div class="step-item" v-show="Model.thirdStep">
					<!-- 收货信息第一部分 -->
					<el-row class="rows basic2">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									自提店铺城市
								</label>
								<el-select class="input-cont" filterable v-model="Model.userSelfLift.takeGoodsShopCity" @change="checkStore" placeholder="请选择">
									<el-option
									  v-for="(city,index) in Model.allCities"
									  :key="index"
									  :label="city.cityName"
									  :value="city.cityName">
									</el-option>
								</el-select>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									自提店铺
								</label>
								<el-select class="input-cont" v-model="Model.userSelfLift.takeGoodsShop" placeholder="请选择">
									<!-- 3.15修改为theFactory； xumeng -->
									<el-option
									  v-for="(store,index) in Model.cityStore"
									  :key="index"
									  :label="store.theNameOfTheStore"
									  :value="store.theFactory">
									</el-option>
								</el-select>
							</div>
						</el-col>
                        <el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									自提时间:
								</label>
								<el-date-picker class="input-cont" v-model="Model.userSelfLift.takeGoodsTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
							</div>
						</el-col>
					</el-row>
				</div>
			</el-row>
			<!-- 第三步  添加收货信息 -->
			<el-row class="steps" v-show="Model.params.shippingMethod==0">
				<div class="nav-title">
					<div class="number">3</div>
					<p class="font">第三步：添加收货信息</p>
					<img v-if="Model.thirdStep" @click="Model.thirdStep = !Model.thirdStep" class="img" src="@/assets/img/icon_collapse.png"
					 alt="">
					<img v-else @click="Model.thirdStep = !Model.thirdStep" class="img" src="@/assets/img/icon_unfold.png" alt="">
				</div>
				<div class="step-item" v-show="Model.thirdStep">
					<el-row class="addbtn">
						<div class="cont" v-if="Model.haveAdress">
							<img class="plus" src="@/assets/img/button_plus.png" alt="">
							<p class="font" @click="Model.changeAddress = true">选择用户收货地址</p>
						</div>
					</el-row>
					<!-- 收货信息第一部分 -->
					<el-row class="rows basic2">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									收件人姓名
								</label>
								<el-input class="input-cont" v-model="Model.checkedAddress.recipientName" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									收件人手机号
								</label>
								<el-input class="input-cont" v-model="Model.checkedAddress.recipientPhone" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									短信通知手机
								</label>
								<el-input class="input-cont" v-model="Model.checkedAddress.informPhone" placeholder="请输入内容"></el-input>
							</div>
						</el-col>
					</el-row>
					<!-- 收货信息第二部分 -->
					<el-row class="rows basic2">
						<el-col :sm="12" :md="8" :lg="6">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									收件地址类型
								</label>
								<el-radio v-model="Model.checkedAddress.addressType" label="0">大陆</el-radio>
								<el-radio v-model="Model.checkedAddress.addressType" label="1">海外</el-radio>
							</div>
						</el-col>
					</el-row>
					<!-- 收货信息第三部分 -->
					<el-row class="rows basic2">
						<el-col :sm="24" :md="16" :lg="12">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									收件人地区
								</label>
								<el-cascader
								  :options="Model.options"
								  @active-item-change="handleItemChange"
								  @change="changecascards"
								  :props="Model.props"
								  v-model="Model.selectedOptions3"
								></el-cascader>
							</div>
						</el-col>
					</el-row>
					<el-row class="rows basic">
						<el-col :sm="24" :md="16" :lg="12">
							<div class="items">
								<label class="label" for="">
									<img class="required" src="@/assets/img/flower_red.png" alt="">
									详细地址
								</label>
								<el-input class="input-cont" v-model="Model.checkedAddress.detailedAddress" placeholder="如道路、门牌号、小区、楼栋号、单元式等"></el-input>
							</div>
						</el-col>
					</el-row>
				</div>
			</el-row>
			<!-- 第三步end -->
			<!-- 第四步 -->
			<el-row class="steps">
				<div class="nav-title">
					<div class="number">4</div>
					<p class="font">第四步：添加支付信息</p>
					<img v-if="Model.fourthStep" @click="Model.fourthStep = !Model.fourthStep" class="img" src="@/assets/img/icon_collapse.png"
					 alt="">
					<img v-else @click="Model.fourthStep = !Model.fourthStep" class="img" src="@/assets/img/icon_unfold.png" alt="">
				</div>
				<div class="step-item" v-show="Model.fourthStep">
					<!-- 收货信息第一部分 -->
					<el-row class="rows basic2">
						<el-col>
							<div class="items payitem">
								<label class="" for="">应付总金额:</label>
								<label class="price" for="">¥{{Model.totlePrice}}</label>
							</div>
						</el-col>
			
					</el-row>
					<!-- 收货信息第二部分 -->
					<el-row class="rows basic2">
						<el-col>
							<div class="items payitem">
								<!-- <el-checkbox label="" name="type"></el-checkbox> -->
								<label class="selabel" for="">积分抵扣</label>
								<label class="r_label" for="">
									当前用户可用积分
									<span class="integral">3000</span>
									此订单最多支持积分抵扣
									<span class="price">¥0</span>
								</label>
							</div>
						</el-col>
					</el-row>
					<!-- 收货信息第三部分 -->
					<el-row class="rows basic2">
						<el-col>
							<div class="items payitem">
								<!-- <el-checkbox label="" name="type"></el-checkbox> -->
								<label class="selabel" for="">定制服务费</label>
								<label class="gray r_label" for="">当前用户定制费为¥0请输入您要抵扣的金额</label>
								<el-input class="input-cont" disabled v-model="Model.customFee" placeholder="请输入金额"></el-input>
							</div>
						</el-col>
					</el-row>
					<el-row class="rows basic">
						<el-col>
							<div class="items payitem">
								<!-- <el-checkbox label="" name="type"></el-checkbox> -->
								<label class="selabel" for="">优惠券</label>
								<label class="r_label" for="">可用优惠券</label>
								<el-select class="input-cont" disabled v-model="Model.coupon" placeholder="请输入内容">
									<el-option label="减300元" value="0"></el-option>
									<!-- <el-option label="女同性恋" value="1"></el-option>
									<el-option label="男同性恋" value="2"></el-option> -->
								</el-select>
							</div>
						</el-col>
					</el-row>
					<el-row class="rows basic">
						<el-col>
							<div class="items payitem">
								<label class="bold_label" for="">最终支付金额：</label>
								<label class="bold_price" for="">¥{{Model.totlePrice}}</label>
							</div>
						</el-col>
					</el-row>
					<el-row class="rows basic">
						<el-col>
							<div class="items payitem">
								<label class="selabel" for="">请选择支付方式</label>
								<span class="payMethod">
									<el-radio v-model="Model.params.isPosPay" label="1">pos机</el-radio>
									<el-radio v-model="Model.params.isPosPay" label="0">非pos机</el-radio>
								</span>
							</div>
						</el-col>
					</el-row>
				</div>
			</el-row>
			<!-- 第四步end -->
			<el-row class="bottom">
				<div class="btn_group">
					<div class="btn_item" @click="onConfirmNew">提交订单</div>
					<div class="btn_item cancel" @click="cancelOrder">取消订单</div>
				</div>
			</el-row>
		</div>
		<!-- 新增商品 -->
		<el-dialog title :visible.sync="Model.changeGoodsDialogFlag" class="changeGoodsDialog">
			<div class="common-table-title">
				<div class="common-table-icon"></div>
				<div class="common-table-fl">添加商品</div>
			</div>
			<div class="dialogBody" style="width: 1000px;">
				<div class="itemBox">
					<!-- 无明确条码 -->
					<div class="nocode">
						<div class="step-first">
							<div class="thestepTitle">
								<span>1</span>
								<p>第一步：请选择款式信息</p>
							</div>
							<advancedSearch :option="Model.filterOption2" @getChild="showChild"></advancedSearch>
						</div>
						<div class="step-sec">
							<div class="thestepTitle">
								<span>2</span>
								<p>第二步：请选择具体参数</p>
							</div>
							<div class="sliderBox">
								<div class="sliderItem">
									<div>
										<div class="sliderItemLabel">钻重范围</div>
										<div class="sliderItemValue">：
											{{Model.sliderSelect.weight.sliderVal[0]+'~'+Model.sliderSelect.weight.sliderVal[1]}}</div>
										<el-select style="width:100px" size="small" v-model="Model.sliderSelect.weight.value" placeholder="请选择" @change="onSelectChange('weight')">
											<el-option v-for="(item,index) in Model.sliderSelect.weight.option" :key="index" :label="item.label" :value="item.value"></el-option>
										</el-select>
										分(100分=1克拉)
									</div>
									<div>
										<el-slider v-model="Model.sliderSelect.weight.sliderVal" range :min="Model.weightMin" :max="Model.weightMax"></el-slider>
									</div>
								</div>
								<!--<div class="sliderItem">
									<div>
										<div class="sliderItemLabel">手寸范围</div>
										<div class="sliderItemValue">：
											{{Model.sliderSelect.size.sliderVal[0]+'~'+Model.sliderSelect.size.sliderVal[1]}}</div>
										<el-select style="width:100px" size="small" v-model="Model.sliderSelect.size.value" placeholder="请选择" @change="onSelectChange('size')">
											<el-option v-for="(item,index) in Model.sliderSelect.size.option" :key="index" :label="item.label" :value="item.value"></el-option>
										</el-select>
										mm
									</div>
									<div>
										<el-slider v-model="Model.sliderSelect.size.sliderVal" range></el-slider>
									</div>
								</div>-->
							</div>
						</div>
						<advancedSearch :option="Model.filterOption3" @getChild="showNotSureBarCodeP2" @onSearch="toSearchNotSureBarCode"
						 @onClear="toClear"></advancedSearch>
					</div>
					<!-- 表格 -->
					<el-row class="detailTable">
						<div class="detailTableItemTitle">
							<img class="detailTableImgSmall" src="@/assets/img/flower_brown.png" alt="">
							<p class="text">商品售价列表</p>
						</div>
						<div class="detailTableDetail" v-show="Model.tab1TableDetail1.flag">
							<el-table
								:data="Model.tableDataDialog"
								:row-style="selectedHighlight"
								@selection-change="handleSelectionChange"
								@row-click="handleRowClick"
								max-height="550"
								>
								<el-table-column width="50" align="center" fixed >
									<template slot-scope="scope">
										<el-radio v-model="Model.dialogTableChecked" :label="scope.row">{{scope.row.id}}</el-radio>
									</template>
								</el-table-column>
								<el-table-column 
									v-for="(item,index) in Model.tableHeaderData2"
									align="center" 
								   :key="item.prop" 
								   :prop="item.prop"
								   :label="item.label" 
								   :sortable="item.sortable"
								   :width="item.width">
								</el-table-column>
							</el-table>
							<!-- 分页 -->
							<el-row class="pagination-cont">
							    <el-pagination
									@size-change="handleSizeChange"
									background
									@current-change="handleCurrentChange"
									:current-page="Model.paginationObject.currentPage"
									:page-sizes="[10, 20, 30, 40]"
									:page-size="Model.paginationObject.pageSize"
									:pager-count="5"
									layout="sizes, prev, pager, next, jumper, slot"
									:total="Model.paginationObject.total">
									<div class="pagination-slot">
										显示
										<p class="slot-i">{{Model.paginationObject.num1}}</p>
										到
										<p class="slot-i">{{Model.paginationObject.num2}}</p>
										，共
										<p class="slot-i">{{Model.paginationObject.total}}</p>
										记录
									</div>
							    </el-pagination>
							</el-row>	
						</div>
						<div class="formInline">
							<div>
								<span>
									是否需要艺术字：
								</span>
								<span>
									<el-select size="small" v-model="Model.shouldLettering" placeholder="请选择" style="width:100px">
										<el-option label="否" :value="false"></el-option>
										<el-option label="是" :value="true"></el-option>
									</el-select>
								</span>
							</div>
							<div v-show="Model.shouldLettering">
								<span>
									刻字：
								</span>
								<span>
									<el-input size="small" style="width:150px" v-model="Model.letteringContent" placeholder="请输入内容"></el-input>
								</span>
								<span class="letterIcon" @click="Model.letteringContent+='&'">&</span>
								<span class="letterIcon" @click="Model.letteringContent+='❤'">❤</span>
							</div>
						</div>
						<div class="formInline">
							<div>
								<span>
									是否高配：
								</span>
								<span>
									<el-radio-group v-model="Model.isHighClass" size="small">
										<el-radio :label="false">否</el-radio>
										<el-radio :label="true">是</el-radio>
									</el-radio-group>
								</span>
							</div>
							<div>
								<span>
									是否外圈logo：
								</span>
								<span>
									<el-radio-group v-model="Model.isLogo" size="small">
										<el-radio :label="false">否</el-radio>
										<el-radio :label="true">是</el-radio>
									</el-radio-group>
								</span>
							</div>
						</div>
						<div class="btn_group">
							<div class="btn_item" @click="addShop">添加商品</div>
							<div class="btn_item cancel" @click="Model.changeGoodsDialogFlag = false">取消</div>
						</div>
					</el-row>
				</div>
			</div>
		</el-dialog>
		<!-- 选择地址弹框 -->
		<el-dialog title :visible.sync="Model.changeAddress">
			<div class="common-table-title">
			  <div class="common-table-icon"></div>
			  <div class="common-table-fl">选择收货地址</div>
			</div>
			<div class="addressDialog">
				<div v-for="(item,index) in Model.params.saleReceivingList" :key="index" class="addressList">
					<el-radio v-model="Model.radioAddress" :label="item.id">
						<span>{{item.recipientName}}</span>
						<span>{{item.recipientPhone}}</span>
						<span v-if="item.defaultAddress == 1" class="defaultAddress">默认地址</span>
						<p>{{item.locationName}}{{item.detailedAddress}}</p>
					</el-radio>
					
				</div>
				<div class="btn_group">
					<div class="btn_item" @click="TochangeAddress">确认</div>
					<div class="btn_item cancel" @click="Model.changeAddress = false">取消</div>
				</div>
			</div>
			
		</el-dialog>
		<!-- pos非pos -->
		<el-dialog title :visible.sync="Model.payPos" class="payPosDialog">
			<div class="common-table-title">
			  <div class="common-table-icon"></div>
			  <div class="common-table-fl">提交订单操作</div>
			</div>
			<div class="payPosContant">
				<p v-if="Model.params.isPosPay == '1'">支付时间72小时，请打开pos刷卡机，支付成功之后订单会自动同步支付信息</p>
				<p v-else>已提交订单，库存已锁定，请在三十分钟内支付完毕，否则库存会释放库存，超过72小时未支付此订单将自动关闭！</p>
			</div>
			<div class="btngroup">
				<div class="item-btn" @click="onConfirmSubmit(0)">确定</div>
				<div class="item-btn cancel" @click="Model.payPos = false">取消</div>
			</div>
			<div class="links" v-if="Model.params.isPosPay != '1'">
				你还可以
				<span class="msg" @click="toAddPayGift('addPay')">添加支付信息</span>
				或
				<span class="msg" @click="toAddPayGift('addGift')">添加赠品信息</span>
			</div>
		</el-dialog>
		<!--  -->
	</div>
</template>

<script>
	import pathTracking from '@/components/common/pathTracking'
	import card from '@/components/common/filterBtns'
	import advancedSearch from "@/components/common/filter/advancedSearch";

	import {
		getDateString
	} from "@/assets/js/common.js"
	import Model from './model.js'
	import Controller from './controller.js'
	export default {
		name: "newPage",
		mixins: [Model, Controller],
		components: {
			pathTracking,
			card,
			advancedSearch
		},
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	@import "./index.less";
</style>
